﻿<%@ Page Title="" Language="C#" MasterPageFile="~/templates/general.master" AutoEventWireup="true" CodeFile="discovery.aspx.cs" Inherits="discovery" %>

<%@ MasterType VirtualPath="~/templates/general.master" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeaderContent" runat="Server">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Dosis|Open+Sans" />
    <link type="text/css" href="<%=Page.ResolveUrl("~/css/tabs/font-awesome.min.css")%>" rel="stylesheet" />
    <link type="text/css" href="<%=Page.ResolveUrl("~/css/tabs/animate-custom.css")%>" rel="stylesheet" />
    <link type="text/css" href="<%=Page.ResolveUrl("~/css/tabs/navion-css.css")%>" rel="stylesheet" />
    <link type="text/css" href="<%=Page.ResolveUrl("~/css/tabs/navion-responsive.css")%>" rel="stylesheet" />
    <style type="text/css">
        .one
        {
            width: 78%;
            float: left;
        }

        .two
        {
            width: 22%;
            float: right;
        }
    </style>
    <link type="text/css" href="<%=Page.ResolveUrl("~/css/maps/map_devices.css")%>" rel="stylesheet" />
    <script src="<%=Page.ResolveUrl("~/scripts/discovery.js")%>"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA95d2BretRzt0NKif0eZSwuiKWhbSPLmQ&sensor=false"></script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <div class="fullScreenItem " id="discoveryPage">
        <div id="containerCenter">
            <div id="container">
                <div class="headerTitle">Discovery Devices</div>
            </div>
        </div>
        <div class="nav-metro">

            <!-- Start Sub Menu -->
            <input type="radio" class="nav-subctrl" id="submenu-2" name="navion">
            <div class="nav-submenu animated nav-fadeInUp">

                <!-- Start Sub Tab - Public Devices -->
                <label class="nav-subtab subtab-pos-2 solid-blue-2" for="nav-subtab-3c">
                    <span>All</span>
                </label>
                <!-- End Sub Tab - Public Devices -->

                <!-- Start Sub Tab Content - Public Devices -->
                <input type="radio" class="nav-subtab-ctrl" name="navion-subtab" id="nav-subtab-3c" checked />
                <div class="nav-sub-container animated nav-fadeInLeft nav-subtab-content dark-text transparent-mist">

                    <!-- Start Active Line -->
                    <div class="nav-subtab-active subtab-pos-2 solid-blue-2"></div>
                    <!-- End Active Line -->

                    <!-- Start Content Zone -->
                    <div class="nav-submenu-content">
                        <div class="nav-col-0 dark-text">

                            <div class="solid-blue-2 light-text" style="height: 40px; margin-left: 20px; margin-right: 15px; margin-bottom: 10px; font-size: 14px; padding: 2%; font-family: Trebuchet, Arial, sans-serif; line-height: 17px;">
                                <div style="float: left; width: 33%;">
                                    <span class="privacy-title">My devices</span>
                                    <img src="http://maps.google.com/mapfiles/ms/icons/red-dot.png" />
                                    <div id="switch-private" class="onoffswitch-private" style="float: right;">
                                        <input type="checkbox" name="onoffswitch-private" class="onoffswitch-private-checkbox" id="myonoffswitch-private" checked />
                                        <label class="onoffswitch-private-label" for="myonoffswitch-private">
                                            <div class="onoffswitch-private-inner"></div>
                                            <div class="onoffswitch-private-switch"></div>
                                        </label>
                                    </div>
                                </div>
                                <div style="float: left; width: 33%;">
                                    <span class="privacy-title">Public</span>
                                    <img src="http://maps.google.com/mapfiles/ms/icons/green-dot.png" />
                                    <div id="switch-public" class="onoffswitch-public" style="float: right;">

                                        <input type="checkbox" name="onoffswitch-public" class="onoffswitch-public-checkbox" id="myonoffswitch-public" checked />
                                        <label class="onoffswitch-public-label" for="myonoffswitch-public">
                                            <div class="onoffswitch-public-inner"></div>
                                            <div class="onoffswitch-public-switch"></div>
                                        </label>
                                    </div>
                                </div>
                                <div style="float: left; width: 33%;">
                                    <span class="privacy-title">Shared</span>
                                    <img src="http://maps.google.com/mapfiles/ms/icons/blue-dot.png" />
                                    <div id="switch-shared" class="onoffswitch-shared" style="float: right;">
                                        <input type="checkbox" name="onoffswitch-shared" class="onoffswitch-shared-checkbox" id="myonoffswitch-shared" checked />
                                        <label class="onoffswitch-shared-label" for="myonoffswitch-shared">
                                            <div class="onoffswitch-shared-inner"></div>
                                            <div class="onoffswitch-shared-switch"></div>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="solid-blue-2" style="margin-left: 20px; margin-right: 15px; margin-bottom: 10px; text-align: center; font-size: 14px; padding: 2%; font-family: Trebuchet, Arial, sans-serif; line-height: 17px;">
                                <div id="map-canvas" style="height: 350px;"></div>
                            </div>
                        </div>
                        <div class="clearspace"></div>
                    </div>

                </div>
                <!-- End Sub Tab Content - Public Devices -->

            </div>
            <!-- End Main Item - Metro Style -->
        </div>
    </div>

</asp:Content>

